<template>
    <div class="goods">
      <GoodsItem  v-for="(item,i) in goods"  :key="i" :g="item"/>
    </div>
</template>

<script>
    import GoodsItem from "./GoodsItem";

    export default {
        name: "Goods",
        props:{
            goods:{
                type:Array,
                default(){
                    return []
                }
            }
        },
        components:{
          GoodsItem
        },
        data(){
            return {
                type:'pop'
            }
        }

    }
</script>

<style scoped>
    .goods{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
    }





</style>
